<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="../headinclude.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<jsp:include page="../include.jsp"></jsp:include>
<script src="js/operator.js" type="text/javascript"></script>
<style type="text/css">
.TDHead {
    background-color:#add2da;
    border:1px solid #c0c0c0;
    font-weight:bold;
    color:#333;
    padding-left:4px;
}
/**/
.TDList {
    background-color:#fff;
    border:1px solid #c0c0c0;
    height:26px;
    color:#333;
    padding-left:9px;
}
/**/
.ListTable {
    vertical-align:top;
    border-left:1px solid #7CB5E2;
    border-bottom:1px solid #7CB5E2;
    border-right:1px solid #7CB5E2;
   }
   
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div style="margin: -6px 0px 0 -8px; min-width: 650px; width: 100%;min-height: 400px;height: 100%;">
  <div style="width: 100%;float: left;min-width: 727px;"> 
     
    <div>
	 	<div style="width:100%;height:30px; background-image:url('images/main_28.gif'); background-repeat: repeat-x;"> </div>
	    <div style=" margin:-22px 0px 16px 22px; width:200px;height:14px; background:url('images/tb.gif') no-repeat;">
	    	<span style="padding-left:30px; color: #E1E2E3; font-size: 12px;">操作人员赋权</span>
	    </div>
   </div>

	  <div style="float: left;">
		  <c:if test="${empty operatorList}">
		     <div>没有相应数据</div>
		  </c:if>
		  <c:if test="${not empty operatorList}">
			  <table cellpadding="0" border="0" cellspacing="0" width="100%" style="margin-top: -3px;">
			       <tr>
			          <th class="TDHead">姓名</th>
			          <th class="TDHead">人员类型</th>
			          <th class="TDHead">基本操作</th>
			       </tr>
			     <c:forEach items="${operatorList}" var="operator">
			        <tr>
				      <td class="TDList">${operator.name}</td>
				      <td class="TDList">${operator.type}</td>
				      <td class="TDList">
					      <a href="javascript:;" onclick="operatorOneDel(${operator.id})">角色赋权</a>|
					      <a href="javascript:;">直接赋权</a>
				      </td>
				    </tr>
			    </c:forEach>
			    <tr><td colspan="5">
			    <jsp:include page="../page.jsp?loc=operator!show.action&page=${page.currentPage}&pageSize=${page.pageSize}&total=${page.totalRows}"></jsp:include>
			    </td></tr>
			  </table>
			 
		   </c:if>
	   </div> 
	   <div style="float: right;" id="operator-privilege">
	     	<table>
         	    <tr>
         	    <td>
         	        <div align="center"><span>可选权限</span><br>
						<select id="leftPriSelect" multiple="multiple" style="width:150;height: 200px;">
						</select>
					</div>
         	    </td>
         	    <td>
         	        <input type="button" value=">>" style="width: 40px;" onclick="moveAllRight()"/><br/>
         	        <input type="button" value=">" style="width: 40px;" onclick="moveOneRight()"/><br/>
         	        <input type="button" value="<" style="width: 40px;" onclick="moveOneLeft()"/><br/>
         	        <input type="button" value="<<" style="width: 40px;" onclick="moveAllLeft()"/>
         	    </td>
         	    <td>
         	       <div align="center"><span>当前拥有的权限</span><br>
	         	       <select multiple="multiple" id="rightPriSelect" style="width:150;height: 200px;">
					   </select>
				  </div>
         	    </td>
         	    </tr>
         	    <tr>
         	       <td colspan="3" align="center"><input type="button" value="确定"/></td>
         	    </tr>
         	 </table>
	   </div> 
   </div>
   <div id="operatorDelDiv"></div>
   <div style="margin:-2px -8px; float:right; width:8px; background-color: #353c44; height:550px; "></div>
   </div>
   </body>
</html>
